!!! 5
- add_page_specific_style 'page_bundles/terms'
- @hide_top_bar = true
- body_classes = [user_application_theme]
%html{ lang: I18n.locale, class: page_class }
  = render "layouts/head"

  %body{ class: body_classes, data: { page: body_data_page } }
    .layout-page.terms{ class: page_class }
      .content-wrapper.gl-pb-5
        .mobile-overlay
        .alert-wrapper
          = render "layouts/broadcast"
          = render 'layouts/header/read_only_banner'
          = render "layouts/flash"

        %div{ class: "#{container_class} limit-container-width" }
          .content{ id: "content-body" }
            = render Pajamas::CardComponent.new do |c|
              - c.with_header do
                = brand_header_logo({add_gitlab_black_text: true})
              - c.with_body do
                - if header_link?(:user_dropdown)
                  .navbar-collapse
                    %ul.nav.navbar-nav
                      %li.header-user.dropdown
                        = link_to current_user, class: user_dropdown_class, data: { toggle: "dropdown" } do
                          = render Pajamas::AvatarComponent.new(current_user, size: 24, class: 'gl-mr-3', avatar_options: { data: { qa_selector: 'user_avatar_content' } })
                          = sprite_icon('chevron-down')
                        .dropdown-menu.dropdown-menu-right
                          = render 'layouts/header/current_user_dropdown'
                = yield
